.exhibitions-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
  min-width: calc(1320px + 28px);
  margin: 80px 0; 
  margin-bottom: 50px;
}
.btm-box { 
  width: 100%;
  height: calc(50px - 14px);
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.08);
}
.name-box {
  // width: 1320px; 
  width: 100%;
}
.name-box-mg{
  font-size: 32px; 
  font-weight: 600;  
  color: rgba(0, 0, 0, 0.8); 
  line-height: 48px;
  
}
.exhibitions-item-parent {
  position: relative;
  display: flex; 
  align-items: center;  
  justify-content: center;  
  width: 100%;
  height: 100%;
  margin-top: 50px;
}
.exbit-item-before{ 
  z-index: 2;
 transition: all .3s;
 // display: block;
   position: absolute; 
   top: -0px; 
   left: -0px;
   width: calc(100%); 
   height: calc(100%);
   background: linear-gradient(135deg, #F5F5F5 0%, #F2EDED 100%);
   border-radius: 6px;
}
.exhibitions-item {  
  position: relative;  
  z-index: 5;
  cursor: pointer;
  box-sizing: border-box;
  display: flex;
  flex-direction:row;
  width: 100%;
  height: 100%;
  border-radius: 6px; 
  // background: linear-gradient(135deg, #F5F5F5 0%, #F2EDED 100%);
  border-radius: 6px; 
  transition: all 0.3s;  
} 
.item-left-fit{ 
  width: 49%;
}
.item-left {  
  position: absolute;
  top: 0;
  right: 0; 
  display: flex; 
  flex-direction: column; 
  justify-content: space-between; 
  padding: 40px;    
  // flex: 1;    
  width: 49%;
  height: 100%;   
  z-index: 20;
  // overflow: hidden; 
}
.item-left-center{
  left: 0; 
}
.item-title {
  font-size: 24px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
  line-height: 34px;
  margin-bottom: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  span {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .solid {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0;
    height: 2px;
    background: #000000;
    border-radius: 1px;
    opacity: 0.8;
    transition: all 0.3s;
  }
}
.item-avatar {
  display: flex;
  align-items: center;
}
.avatar-name {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;  
  line-height: 24px;  
  color: rgba(0, 0, 0, 0.59); 
  margin-left: 8px; 
} 
.item-description {
  display: -webkit-box;  
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;   
  line-clamp: 2;
  -webkit-line-clamp: 2;  
  overflow: hidden;  
  text-overflow: ellipsis;
  
  width: 100%;
  font-weight: 400;
  color: #000000; 
  opacity: 0.59;  
  line-height: 24px;
  text-align: justify;
}
.item-description-font-size{
  height: 48px; 
  font-size: 16px;
  }
.item-right { 
  position: relative;
  width: 51%; 
  // height: 415px; 
  border-radius:6px 0px 0px 6px;
  overflow: hidden;
  // border: 1px solid @door-backgroundCard-color;
  img {
    transition: all 0.3s;
    position: absolute;
  top: 0; 
  right: 0;  
  transition: all 0.3s;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover; 
  margin: auto;
  display: block;
  width: 0px;
  height: 0px; 
  border-radius:6px 0px 0px 6px;
  } 
}
.item-right-after{
  display: block; 
  padding-bottom: 61.7%;
}
.right-shadow {
  opacity: 0; 
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 30;
} 
.item-right-center {    
  border-radius: 0px 6px 6px 0px;
  

  // border: 1px solid @door-backgroundCard-color;
  img{
    border-radius: 0px 6px 6px 0px;
  }
} 
.exhibitions-item-center {
  
}
.right-star { 
  position: absolute;
  bottom: -32px; 
  left: 0; 
  width: 100%;
  padding: 0 40px; 
  z-index: 50;
  transition: all 0.4s;
}
.exhibitions-item-parent:hover {
  display: flex;
  align-items: center;
  border-radius: 6px;
  .exbit-item-before{ 
    top: -14px; 
      left: -14px;
      width: calc(100% + 28px); 
      height: calc(100% + 28px);
      border-radius: 6px;
  }
  // margin-left: -14px; 
  // margin-top: -14px;
  .item-right {
    border-radius: 0px;
    // border: 1px solid @door-theme-color;
    overflow: hidden; 
    img { 
      transition: all 0.3s; 
      transform-origin: center center;
      transform: scale(1.1);
      width: 100%;
      height: 100%; 
      
    }
  }
  :deep(.solid) {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 2px;
    // background: #fff;
    border-radius: 1px;
    opacity: 0.8;
    transition: all 0.3s;
  }
  .right-shadow {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    z-index: 30;
  }
  .item-title {
    // color: #ffffff;
  }
  :deep(.avatar-name) {
    // color: #ffffff;
  }
  .item-description {
    // color: #ffffff;
    opacity: 1;
  }
  .right-star {
    bottom: 40px;
  }
} 
.auth-avatar-box-home{ 
  position: relative; 
  width: 24px;    
  height: 24px;
} 
// .auth-avatar-box-home::after{
//   position: absolute;
//   top: -32px; 
//   left: -50%;
//   display: flex;
//   align-items: center; 
//   justify-content: center;
//   content: '已认证';
//   opacity: 0;
//   width: 64px;
//   height: 24px;  
//   font-size: 14px;
//   background: #fff; 
//   padding: 4 0px;
// }
// .auth-avatar-box-home:hover::after{
//   opacity: 1;
// }

.auth-avatar-box-home-img{
  position: absolute !important; 
  right: -2px; 
  bottom: -2px;
  width: 14px !important;
  height: 14px !important;
  z-index: 20;
} 
.auth-avatar-box-visitExhibits{ 
  position: relative; 
  width: 24px;  
  height: 24px;
  
} 
.auth-avatar-box-visitExhibits-img{
  position: absolute !important; 
  right: -2px !important;  
  bottom: -2px !important; 
  width: 12px !important;   
  height: 12px !important;
  z-index: 20; 
} 
.auth-avatar-box-visitExhibitsInfo{ 
  position: relative; 
  width: 24px;  
  height: 24px; 
} 
.auth-avatar-box-visitExhibitsInfo-img{
  position: absolute !important; 
  right: -2px;   
  bottom: -2px;
  width: 12px !important;
  height: 12px !important;
  z-index: 20;
} 
